<script setup>
const props = defineProps({
  data: {
    type: Array,
    default: () => {
      return []
    }
  }
})

const config = computed(() => {
  const data = []

  for (let index = 0; index < props.data.length; index++) {
    const { TaskDate, Text, PersonName,Status } = props.data[index]

    data.push([Text, PersonName, Status])
  }
  return {
    data,
    header: ['检测点', '检测人员', '状态'],
    headerBGC: 'rgba(0,0,0,0)',
    oddRowBGC: '#00275e',
    evenRowBGC: '#001447',
    align:['center','center','center'],
    carousel:'page',
    waitTime:10000,
    rowNum: 4
  }
})
</script>

<template>
  <div style="width: 100%; height: 100%">
    <dv-border-box7 class="my-box7" :color="['#0749a3', '#4195d2']">
      <div class="dom-box">
        <div class="dom-title">巡检任务</div>
        <div class="dom-content">
          <div class="chart-content">
            <dv-scroll-board :config="config" />
          </div>
        </div>
      </div>
    </dv-border-box7>
  </div>
</template>

<style scoped lang="scss"></style>
